/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {View} from 'react-native';

// project
import {
    Text,  ItemX, Hand, Between, Image, ItemY, TouchOpacity
} from '../../../library'
import { hash } from 'rsvp';

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class ListUnit extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);

        /**
         * state
         */
    }

    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {
        const Cdata = this.props.Cdata;


        const MonPress = this.props.MonPress?this.props.MonPress:{};

        // 渲染
		return (
            <ItemX bg="white" px="10" py="10" bb="#eee 5">
                <Between>
                    <Hand f="0.3" bg="red" h="120">
                        <Image 
                            w="100"
                            h="150"
                            source={{uri: 'http://p2.so.qhimgs1.com/bdr/326__/t0154b19612cbc0ec82.jpg'}}
                        />
                    </Hand>
                    <Hand f="0.6" px="10" y="top" h="120">
                        <ItemY>
                            <Hand>
                                <Text lh="30" size="14">微商直播客户才能够</Text>
                            </Hand>
                            <Hand>
                            <Text lh="30" size="14">29人参与</Text><Text color="#666" ml="10" lh="30" size="12">仅限30人</Text>
                            </Hand>
                            <Hand>
                                <Text color="#666" lh="30" size="12">7月20日 15:30:30</Text>
                            </Hand>
                            <Hand>
                                <Text color="#666" lh="30" size="12">线下活动</Text>
                            </Hand>
                        </ItemY>
                    </Hand>
                    <Hand f="0.3" h="120" y="top">
                        <ItemY f="1" x="center">
                            <Hand ml="60" bg="red" ai="flex-end">
                                <TouchOpacity Onpress={
                                    {MonPress}
                                }>
                                    <Text lh="30" size="12">图标</Text>
                                </TouchOpacity>
                            </Hand>
                            <Hand>
                                <Text lh="30" size="12">保定</Text>
                            </Hand>
                        </ItemY>
                    </Hand>
                </Between>
            </ItemX>
		);
	}
}
